<!DOCTYPE html>
<html lang="en">
<head>
    {% block head %}
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="../static/style.css">
        <link href="https://www.w3school.com.cn/lib/bs/bootstrap.css" rel="stylesheet">
        <script src="https://www.w3school.com.cn/lib/bs/bootstrap.js"></script>
    {% endblock %}
</head>
<style>
    .avatar{
        height: 15em;
        width: 100%;
    }
</style>
<body>

{% for message in get_flashed_messages() %}
    <div class="toast show bg-warning">
        <div class="toast-header">
            {{ message }}
        <button type="button" class="btn-close" data-bs-dismiss="toast"></button>
        </div>
    </div>
{% endfor %}
<nav class="navbar navbar-expand-sm navbar-dark bg-primary">
  <div class="container-fluid">
    <a class="navbar-brand" href="{{ url_for('index') }}">首页</a>
    <div class="collapse navbar-collapse" id="mynavbar">
      <ul class="navbar-nav me-auto">
        <li class="nav-item" style="margin-top:0px;">
          <a class="nav-link active" href="{{ url_for('add') }}">新增</a>
        </li>
        <li class="nav-item" style="margin-top:0px;">
          <a class="nav-link" href="{{ url_for('delete') }}">删除</a>
        </li>
      </ul>

    </div>
  </div>
</nav>
{% block content %}{% endblock %}
<footer>
    <small class="center">&copy; 2022 </small>
</footer>
</body>
</html>
